import Vue from 'vue'
import App from './App.vue'

import router from './router/index'
import { Toast } from 'vant';
import { Notify } from 'vant';
import { Image as VanImage } from 'vant';
import { Dialog } from 'vant';
import { NavBar } from 'vant';
import { Icon } from 'vant';
import { Uploader } from 'vant';
import { Field } from 'vant';
import { ActionSheet } from 'vant';
import { Tab, Tabs } from 'vant';
import { List } from 'vant';
import { PullRefresh } from 'vant';
import { Button } from 'vant';
import { SwipeCell } from 'vant'
import { Empty } from 'vant'
import { Search } from 'vant';

Vue.use(Search);
Vue.use(Empty)
Vue.use(SwipeCell)
Vue.use(Button);
Vue.use(PullRefresh);
Vue.use(List);
Vue.use(Tab);
Vue.use(Tabs)
Vue.use(ActionSheet);
Vue.use(Field);
Vue.use(Uploader);
Vue.use(Icon);
Vue.use(NavBar);
Vue.use(Dialog);
Vue.use(VanImage);
Vue.use(Notify);
Vue.use(Toast);
// 样式初始化
import './styles/reset.css'
import './styles/iconfont.css'
Vue.config.productionTip = false

import request from './utils/request'
import defaults from './assets/白起.jpg'

// 全局过滤器 - 在任意组件都能调用
Vue.filter('imgUrl', (val) => {
  // if(val===''){ return require('./assets/白起.jpg')}
  if(!val) { return defaults}
  // 如果没有 http 开始，就需要拼接成完整的图片地址
  else if (val.indexOf('http') === -1) {
    return request.defaults.baseURL + val
  } else {
    // 是 http 开头，就直接返回即可
    return val
  }
})
// 三元运算符 + 箭头函数 化简后一行代码即可
// Vue.filter('imgUrl', (val) => val.indexOf('http') === -1 ? request.defaults.baseURL + val : val)

// 通过过滤器实现时间的格式化处理
Vue.filter('formatDate',(val)=>{
  if(val){
    return val.replace('T',' ').replace('.000Z','')
  }
})

// 自定义获取焦点的指令
Vue.directive('focus',{
  //  标签(组件)更新时，自动获取焦点
  update (el) {
    el.focus()
  }

})

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')
